﻿@extends('home.pblic.public')
@section('content') 
<div id="wrapper">  
  <!-- douban ad begin -->
  <div id="dale_book_home_top_super_banner" class="ad-placeholder" style="margin: -18px 0 18px;">
  </div> 
  <div id="content">
  <div class="grid-16-8 clearfix">
  <div class="section market-books article">
    <div class="hd">
      <h2>
        <span>豆瓣电子书</span>
      </h2>
    </div>
  <div class="bd">
    <ul>
      @foreach($cates as $k=>$v)
      <li>
        <div class="top">
         <div class="cover">
          <a href="{{ url('/home/xiangqing/show',['id'=>$v->id])}}">
            <div class="pic">
              <img src="{{ $v->pic }}" alt="" style="width:130px;height:170px;">
            </div>
          </a>
        </div>
        <div id="market_books_header_info" class="info">
          <p class="title">{{ $v->name }}<br>
            <span class="price">价格：￥{{ $v->price }}</span>
            
          </p>
          <span>作者：{{ $v->actro }}</span><br>  
          <span>出版社：{{ $v->cbs }}</span>
          <p class="desc indent-paragraph" data-row="4"> 
            <span>简介：</span>
          {{ $v->introduce }}</p>
        </div>
      </div>
      <hr style="color:#cccc;">
    </li>
    @endforeach
  </ul>
  <div class="paginator"  style="margin:0 auto;">
        <!-- <span class="prev">
           <link rel="prev" href="#">
           <a href="#">&lt;前页</a>
               </span>     
           <a href="#">1</a>
               
               <span class="thispage">2</span>
               <span class="next">
           <link rel="next" href="#">
           <a href="#">后页&gt;</a>
               </span> -->
        <span>{!! $cates->render() !!}</span>
      </div>
</div>
    </div>
    <!-- 右侧================================ -->
    <div class="aside">
        
  <!-- douban ad begin -->
  <div id="dale_book_subject_search_top_right" data-id="">
  <div style="position: relative; margin: 0px 0px 20px; display: inline-block; width: 300px; height: 250px;">
    <iframe id="dale_book_subject_search_top_right_frame" scrolling="no" src="/Images/08450de325bba8c.jpg" name="CPM" style="overflow: hidden; display: block;" width="300" height="250" frameborder="0"></iframe>
    <div style="line-height: 1; text-align: center; color: rgb(255, 255, 255); font-size: 12px; position: absolute; padding: 4px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.298039);">广告</div>
    </div>
  </div>
  <!-- douban ad end -->

  <div class="mb20">
    <div class="hd">
        
  

  <h2>
    <span class="">相关搜索</span>
      &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·

  </h2>


    </div>
    <div class="bd">
          <p class="pl">
            <a href="#" rel="nofollow">
              &gt;&nbsp;搜索"微微"的电影
            </a>
          </p>
          <p class="pl">
            <a href="#" rel="nofollow">
              &gt;&nbsp;搜索"微微"的音乐
            </a>
          </p>
      <p class="pl">
        <a href="#" rel="nofollow">
          &gt;&nbsp;搜索"微微"的舞台剧
        </a>
      </p>
    </div>
  </div>   
    <p class="indent">
      <span class="pl2">
        <a href="https://www.douban.com/accounts/register">
          注册
        </a>
        登录以后可以自己添加条目
      </span>
    </p>
    <br><br>
  <span class="gact">
    <a href="#">
      OpenSearch: RSS 2.0
    </a>
  </span>

      </div>
       <!-- 右侧=========================结束======= -->
    </div>
    </div>
@endsection